<div ng-init="init();" class="login-content kmi-layout-content">
    <div class="login-fields-panel" ng-if="showLogin" id="loginPanel">
        <div class="login-title-panel">
            <!-- 鼎新logo -->
            <div class="smes-login-logo">{{'common.msg.welcome'|translate}}<span>s</span>MES</div>
            <div class='the-setting-button' ng-click="setting();">
                <img class="kmi-setting" src="image/smes_v340/menu/W_Com_Setting_nor_32.png"></img>
                <div class="kmi-can-click"></div>
            </div>
        </div>
        <div class="login-main-panel">
            <!-- IC 卡 -->
            <div class="kmi-text-fields title-field" ng-click="showFocus('insert-IC')">
                <label ng-bind="'Login.ic_card'  | translate"></label>
            </div>
            <div class="kmi-text-fields" ng-click="showFocus('insert-IC')">
                <!-- 20230516 modify by Alan for#135469 : 加入enterkeyhint，使行動裝置觸發kecode: 13(enter)的callback -->
                <input class="insert-IC" type="text" enterkeyhint="go" id="c_icinfor" ng-model="userInfo.ic_card" placeholder="{{'Login.ic_card'|translate}}" ng-keypress="icLogin($event);"></input>
                <div class="tip qrcode" ng-click="ICCardScanner();">
                    <img src="image/smes_v340/W_Com_Scan_nor_32.png">
                </div>
            </div>
            <!-- 帳號 -->
            <div class="kmi-text-fields title-field" ng-click="showFocus('insert-account')">
                <label ng-bind="'Login.account'  | translate"></label>
            </div>
            <div class="kmi-text-fields" ng-click="showFocus('insert-account')">
                <input class="insert-account" type="text" id="account" ng-model="userInfo.account" placeholder="{{'Login.account'|translate}}"
                    ng-keypress="nextFocus($event, 'password');" ng-class="{'ios': isIPad}"></input>
            </div>
            <!-- 密碼 -->
            <div class="kmi-text-fields title-field" ng-click="showFocus('insert-password')">
                <label ng-bind="'Login.password'  | translate"></label>
            </div>
            <div class="kmi-text-fields" ng-click="showFocus('insert-password')">
                <input class="insert-password" type="password" id="password" placeholder="{{'Login.password'|translate}}" ng-model="userInfo.password"
                    ng-keypress="autoLogin($event);" autocomplete="new-password" ng-class="{'ios': isIPad}"></input>
            </div>
            <div class="kmi-text-fields login-btns">
                <!-- 20220929  modify by Alan for#118600 : 調整IOS版面 -->
                <div class="login-click-btn exit-btn" ng-click="back();" ng-hide="platform === 'iOS'">
                    <div class="kmi-button">
                        <label ng-bind="'Login.close'  | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
                <!-- 20210316 Modify by德義家興for #0084096: 众捷：后端密码原则对前端无效 -->
                <div class="login-click-btn loggin" ng-click="login();" ng-class="{disClick: login_error_count >= PasswordRule_WrongNum}" >
                    <div class="kmi-button login-btn" ng-disabled="login_error_count >= PasswordRule_WrongNum" ng-class="{ 'iOS': platform === 'iOS' }">
                        <label ng-bind="'Login.login'  | translate"></label>
                        <div class="kmi-can-click"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-bottom-panel">
            <div class="login-digiwin-footer">
                <div class='login-content-info'>
                    <div ng-bind="'V' + version"></div>
                    <!-- 20230329  modify by Alan for#122582 : -->
                    <div ng-bind="'Login.copyright' | translate"></div>
                </div>
                <div class="toggle-component" ng-class="{'active':active}">
                    <label ng-bind="environment_display"></label>
                    <div class="toggle" ng-click="change_env()">
                        <div class="dot"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
